<template>
  <div class="status">
    <span
      v-for="item in list"
      :key="item.id"
      :class="{
        wei: item.status === '未完成',
        green: item.status === '正确',
        red: item.status === '错误',
      }"
      >{{ item.id }}:{{ item.status }}</span
    >
  </div>
</template>

<script>
export default {
  props: {
    list: Array,
  },
}
</script>

<style>
span {
  font-size: 20px;
}
.wei {
  color: #ccc;
}
.red {
  color: red;
}
.green {
  color: green;
}
</style>
